<template>
  <div id="settled" class="settled">fdsafd
    <div class="settled_top">
      <div class="main top_inner">
        <img src alt>
        <span>商户版</span>
        <router-link to="./">
          <span>返回首页</span>
        </router-link>
      </div>
    </div>
    <div class="settled_blank"></div>
    <div class="settled_main">
      <div class="main_inner main">
        <div class="main_banner"></div>
        <div class="main_process">
          <div class="main_title">如何加入七多多?</div>
          <div class="process_list">
            <div class="process_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/submit2__8a16670.png" alt>
              <div>提交资料</div>
            </div>
            <div class="process_arrow">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/arrow__93f5c09.png" alt>
            </div>
            <div class="process_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/verify2__8cac8b8.png" alt>
              <div>资料审核</div>
            </div>
            <div class="process_arrow">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/arrow__93f5c09.png" alt>
            </div>
            <div class="process_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/open2__f4901fb.png" alt>
              <div>上线营业</div>
            </div>
          </div>
          <div class="process_btn" @click="handJoin">马上入驻</div>
          <div class="process_tele fz18">
            七多多商家入驻热线 :
            <span class="red">027-00000000</span>
          </div>
        </div>
        <div class="main_advantage">
          <div class="main_title">平台优势</div>
          <div class="advantage_list">
            <div class="advantage_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/niu1__af515db.png" alt>
              <p>上线快</p>
              <div>条件符合的情况下，2个工作日内即可完成审核开店营业。</div>
            </div>
            <div class="advantage_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/niu2__267a646.png" alt>
              <p>高品质</p>
              <div>为了给消费者打造一个健康的本地生活服务平台，要求所有入驻商家必须证照齐全。</div>
            </div>
            <div class="advantage_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/niu3__80ec037.png" alt>
              <p>大数据</p>
              <div>利用百度大数据，准确定位目标消费人群，帮您提高订单量。</div>
            </div>
            <div class="advantage_item">
              <img src="https://mct.y.nuomi.com/sc/pc/static/guide/image/niu4__b430a2c.png" alt>
              <p>全服务</p>
              <div>强大的产品技术团队，后台管理系统以及七多多服务团队，打造最优质的服务流程体验。</div>
            </div>
          </div>
        </div>
        <div class="main_question">
          <div class="main_title">加入七多多常见问题</div>
          <div class="ques_list">
            <div class="ques_item">
              <div class="ques red fz18">1. 加入七多多需要缴纳相关费用吗？</div>
              <div class="answer fz14">加入七多多不需要缴纳任何费用，只需要符合入驻条件即可入驻。</div>
            </div>
            <div class="ques_item">
              <div class="ques red fz18">2. 加入七多多需要哪些条件？</div>
              <div class="answer fz14">加入七多多需要具备以下证件：身份证（必备），营业执照（必备），行业许可证。</div>
            </div>
            <div class="ques_item">
              <div class="ques red fz18">3. 加入七多多的流程是什么样的？</div>
              <div
                class="answer fz14"
              >点击页面上的“马上入驻”，下载七多多商家端APP，提交相关资质信息之后，我们会进行审核，审核通过之后会跟您取得联系，然后签约上线。</div>
            </div>
            <div class="ques_item">
              <div class="ques red fz18">4. 提交申请之后多久会得到回复？</div>
              <div class="answer fz14">如果您的资料审核通过，我们会在1-2个工作日内跟您取得联系。</div>
            </div>
            <div class="ques_item">
              <div class="ques red fz18">5. 入驻申请被驳回原因是什么？</div>
              <div class="answer fz14">请您及时查看手机短信或在网页上查看店铺的审核状态来确认被驳回原因。</div>
            </div>
            <div class="ques_item">
              <div class="ques red fz18">6. 遇到问题如何联系我们？</div>
              <div class="answer fz14">您可以拨打七多多商家入驻热线 027-0000000，我们有专门的客服人员为您答疑。</div>
            </div>
          </div>
          <div class="ques_btm fz14">
            <p>如果遇到问题，您可以拨打百度糯米商家入驻热线 027-00000000</p>
            <p>我们有专门的客服人员为您答疑。</p>
          </div>
        </div>
        <div class="main_shop">
          <div class="main_title">已入驻商家</div>
          <div></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  name: "settled",
  data() {
    return {};
  },
  computed: {
    ...mapState(["token", "userId", "userInfo", "shopInfo"])
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      window.scrollTo(0, 0);
    },
    handJoin() {
      const _this = this;
      if (this.token) {
        if (this.userInfo.shopId) {
          //提示去商户中心
          this.$confirm("您已入驻成为商户，是否进入到商户中心?", "提示", {
          confirmButtonText: "商户中心",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            _this.$router.push("./shopmenu");
          })
          .catch(() => {});
        } else {
          //去注册
          this.$router.push({ name: "entering", query: {} });
        }
      } else {
        //去登录
        this.$confirm("商户入驻须先登录?", "提示", {
          confirmButtonText: "登录",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            sessionStorage.setItem("oldhref", location.href);
            _this.$router.push("./login");
          })
          .catch(() => {});
      }
    }
  }
};
</script>

<style lang="less" scoped>
.settled {
  width: 100%;
  min-width: 1340px;
  background-color: #e5e5e5;
  padding-bottom: 50px;
  .settled_top {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    border: 1px solid #e2e2e2;
    .top_inner {
      height: 100%;
      line-height: 70px;
      color: #3f3f3f;
      font-size: 18px;
      font-weight: 700;
    }
  }
  .settled_blank {
    height: 70px;
  }
  .settled_main {
    .main_inner {
      padding-top: 24px;
      width: 1200px;
      margin: 0 auto;
      .main_title {
        width: 100%;
        font-size: 32px;
        color: #878794;
        padding: 65px 0;
        font-weight: 500;
        text-align: center;
      }
      .main_banner {
        background-color: pink;
        width: 100%;
        height: 400px;
      }
      .main_process {
        margin-top: 24px;
        background-color: #fff;
        width: 100%;
        height: 600px;
        text-align: center;
        .process_list {
          display: flex;
          justify-content: center;
          font-size: 20px;
          color: #777;
          .process_item {
            text-align: center;
            padding: 0 80px;
            img {
              width: 100px;
              height: 100px;
            }
          }
          .process_arrow {
            height: 120px;
            display: flex;
            align-items: center;
            img {
              width: 45px;
              height: 40px;
            }
          }
        }
        .process_btn {
          width: 392px;
          height: 64px;
          line-height: 64px;
          background: #f24;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
          margin: 70px auto;
          color: #fff;
          border: 0;
          font-size: 26px;
          cursor: pointer;
        }
      }
      .main_advantage {
        margin-top: 24px;
        width: 100%;
        background-color: #fff;
        .advantage_list {
          display: flex;
          flex-wrap: wrap;
          padding: 0 120px 40px 120px;
          text-align: center;
          .advantage_item {
            width: 50%;
            padding-bottom: 50px;
            p {
              font-size: 24px;
              padding: 24px 0 30px 0;
            }
            div {
              font-size: 14px;
              width: 380px;
              margin: 0 auto;
              line-height: 30px;
            }
          }
        }
      }
      .main_question {
        margin-top: 24px;
        padding-bottom: 60px;
        width: 100%;
        background-color: #fff;
        .ques_list {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 0 120px 40px 120px;
          .ques_item {
            width: 45%;
            .answer {
              padding: 20px 0 90px 20px;
              line-height: 30px;
            }
          }
        }
        .ques_btm {
          text-align: center;
          p:first-child {
            padding-bottom: 20px;
          }
        }
      }
      .main_shop {
        height: 500px;
        background-color: #fff;
        margin-top: 24px;
      }
    }
  }
}
</style>


